

.drawer-container {
    width: 100%;
    height: 300px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top: 1px solid var(--border-color);
    background-color: var(--background-color);

    .drag-handle {
        position: relative;
        top: 0;
        left: 0;

        &::after {
            content: "";
            position: absolute;
            top: 10px;
            left: 50%;
            margin-left: -40px;
            width: 80px;
            height: 8px;
            border-radius: 4px;

            cursor: move;
            background-color: var(--dot-color);
        }
    }

    .drag-content {

    }
}